
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="<?php echo base_url(); ?>js/DataTables-1.8.0/media/css/demo_page.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="<?php echo base_url(); ?>js/DataTables-1.8.0/media/css/demo_table.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="<?php echo base_url(); ?>js/DataTables-1.8.0/media/css/demo_table_jui.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="<?php echo base_url(); ?>js/jquery-ui-1.8.13.custom/css/dot-luv/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" />

        <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui-1.8.13.custom/js/jquery-ui-1.8.13.custom.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui-1.8.13.custom/development-bundle/ui/i18n/jquery.ui.datepicker-es.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>js/DataTables-1.8.0/media/js/jquery.dataTables.min.js"></script>

        <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>js/login.js"></script>
    </head>
    <body style="margin:30px; background: #000; ">
        <div class="ui-dialog-content ui-widget-content" style="width: 500px; height: 600px; margin: 0px auto; border: 1px dotted white; ">

            <div style="width: 300px; height: 30px;  margin: 0px auto;">
                <h1>
                    Sistema de Control 
                </h1>
                </div>
            <div style="width: 200px; height: 30px;  margin: 0px auto;">
                <h1>
                     de Transporte 
                </h1>
            </div>
            <div style="width: 200px;  margin: 0px auto;">
                <img src="media/imagenes/chasqui.jpg" height="250px" width="180px" />
            </div>
            
            <div style="width: 200px; height: 200px;  margin: 0px auto;">


                <form id="login"  >


                    <div id="divColumna1" >
                        <div class="fila1">
                            Usuario: 
                        </div>
                        <div class="fila2" >

                            <input  type="text" id="textCorreo" name="textCorreo"  
                                    onfocus="if (this.value==this.defaultValue) this.value='';"
                                    onblur="if (this.value=='') this.value=this.defaultValue;"
                                    onkeypress="login(event,this);" value="usuario..." />
                        </div>


                    </div>
                    <div id="divColumna2">
                        <div class="fila1">
                            clave: 

                        </div>
                        <div class="fila2">

                            <input  name="textClave" type="password" id="textClave"   
                                    onfocus="if (this.value==this.defaultValue) this.value='';"
                                    onblur="if (this.value=='') this.value=this.defaultValue;"
                                    onkeypress="login(event,this);" value="******" />
                        </div>




                    </div>

                </form>
            </div>
        </div>






    </body>
</html>